<template>
  <view>
	  
	  <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取手机号</button>
    <!-- 旧版方式（可能返回默认信息） -->
    <button open-type="getUserInfo" @getuserinfo="handleGetUserInfo">
      获取用户信息（旧版）
    </button>

    <!-- 新版方式（强制用户选择头像和输入昵称） -->
    <button open-type="chooseAvatar" @chooseavatar="handleChooseAvatar">
      <image :src="avatarUrl || '/static/default-avatar.png'"></image>
    </button>
    <input type="nickname" @blur="handleNicknameInput" placeholder="请输入昵称" />
  </view>
</template>

<script>
export default {
  data() {
    return {
      avatarUrl: "",
      nickname: "",
    };
  },
  methods: {
	  getPhoneNumber(e) {
	      if (e.detail.errMsg === "getPhoneNumber:ok") {
	        // 获取到加密数据
	        const { encryptedData, iv } = e.detail
			console.log( encryptedData, iv )
	        // 发送到后端解密
	        // wx.request({
	        //   url: '你的后端接口',
	        //   method: 'POST',
	        //   data: { encryptedData, iv },
	        //   success(res) {
	        //     console.log('手机号获取成功', res.data)
	        //   }
	        // })
	      } else {
	        console.log('用户拒绝提供手机号')
	      }
	    },
    // 旧版方式回调
    handleGetUserInfo(e) {
      if (e.detail.userInfo) {
        console.log("旧版获取用户信息:", e.detail.userInfo);
      }
    },

    // 新版头像选择回调
    handleChooseAvatar(e) {
      this.avatarUrl = e.detail.avatarUrl; // 临时路径，需上传服务器
      console.log("用户选择的头像:", this.avatarUrl);
    },

    // 新版昵称输入回调
    handleNicknameInput(e) {
      this.nickname = e.detail.value;
      console.log("用户输入的昵称:", this.nickname);
    },
  },
};
</script>